<template>
  <nav class="navbar navbar-fixed-top navbar-top navbar-default">
    <div class="container-fluid">
      <navbar-header :title="title"></navbar-header>
      <navbar-addon :user-info="userInfo"></navbar-addon>
    </div>
  </nav>
</template>

<script>

//  import NavBarHeaderCompoment from './NavBarHeaderCompoment.vue';
//  import NavBarAddonCompoment from './NavBarAddonCompoment.vue'
//  import MenuConpoment from '../header/HeaderCompoment.vue'

  import Vue from 'vue';

//  Vue.component('navbar-header', NavBarHeaderCompoment);
//  Vue.component('navbar-addon', NavBarAddonCompoment);
//  Vue.component('menu', MenuConpoment);

  export default{
    props: ['title', 'userInfo'],
    data(){
      return {}
    },
    compoments: {}
  }
</script>
